<template>
    <div>
        <button @click="start">开始任务</button>
    </div>
</template>


<script>
import { defineComponent, ref, onMounted, onUnmounted } from 'vue'
import { useRouter } from 'vue-router'
import { useRoute } from 'vue-router'


export default defineComponent({
    name: 'Start',
    // setup生命周期代表组件创建的过程
    setup() {
        let router = useRouter()
        let start = () => {
            router.push('/home')
        }

        // onMounted生命周期代表组件挂载的过程
        // 加载数据 dom操作
        // 发请求
        // 数据的初始化 接受路由传递的参数
        onMounted(() => {
            // console.log('mounted')
        })

        // onMounted是组件卸载时的生命周期
        // 比如跳转到其他页面时，组件会被销毁， 这个生命周期就会被触发
        // 清除定时器 清除闭包函数
        onUnmounted(() => {
            // console.log('unmounted')
        })

        return {
            start
        }
    }
})
</script>